<ui:composition
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">

    <!--
    <h:outputScript library="js" name="mcVideoPlugin.js" rendered="#{(aplicacionBean.parametro.muestraBannerEnCatalogo == 'S') and (usuarioSessionBean.estaRegistrado)}" />
    <h:outputScript library="js" name="js-image-slider.js" rendered="#{(aplicacionBean.parametro.muestraBannerEnCatalogo == 'S') and (usuarioSessionBean.estaRegistrado)}" />
    -->

    <!--
    <div id="sliderFrame">
       <div id="slider">
          <ui:repeat value="#{aplicacionBean.banner}" var="b" >
              
              <h:commandLink action="#{aplicacionBean.navegar(b.link)}" immediate="true"
                             rendered="#{b.tipoBanner == 'IN'}" >
                <p:graphicImage value="#{b.pathImagen}"  />
              </h:commandLink>
              
              <h:commandLink action="#{promocionBean.seleccionarPromocion(b.promocion)}" immediate="true"
                             rendered="#{b.tipoBanner == 'PR' and b.promocion.activa}" >
                <p:graphicImage value="#{b.pathImagen}"  />
              </h:commandLink>
              
              <h:commandLink action="#{sw.seleccionarPool(b.pool)}" immediate="true"
                             rendered="#{b.tipoBanner == 'PO' and b.pool.activa}"  >
                <p:graphicImage value="#{b.pathImagen}"  />
              </h:commandLink>
        </ui:repeat>
       </div>
    </div>
    -->

    <!--
    <ui:repeat value="#{aplicacionBean.banner}" var="b" >
        <h:outputText value="#{b.pathImagen}" />
    </ui:repeat>
   -->

   <!--
   <p:outputPanel deferred="true" rendered="#{fn:length(aplicacionBean.banner)>0}"
                  global="true" style="padding-top: 3px;" >
   -->
   
   <p:panel rendered="#{fn:length(aplicacionBean.banner)>0}"
            style="margin-top: 3px; width: 100%;" >

       <p:carousel value="#{aplicacionBean.banner}" var="b"
                   style="width: 100%; height: 230px;  border: none;"
                   autoPlayInterval="10000"
                   numVisible="1"
                   vertical="true"
                   circular="true" >

            <h:panelGrid columns="1" style="width:100%; height: 205px;" >

                <h:panelGroup layout="block" style="height: 205px;" >

                    <h:commandLink action="#{aplicacionBean.navegar(b.link)}" immediate="true"
                                   rendered="#{b.tipoBanner == 'IN' and b.activo eq 'S' and b.debaja eq 'N'}" >
                        <p:graphicImage value="#{b.pathImagen}" width="955" height="205"  />
                    </h:commandLink>

                    <h:commandLink action="#{promocionBean.seleccionarPromocion(b.promocion)}" immediate="true"
                        rendered="#{b.tipoBanner == 'PR' and b.promocion.activa and b.activo eq 'S' and b.debaja eq 'N'}" >
                        <p:graphicImage value="#{b.pathImagen}" width="955" height="205" />
                    </h:commandLink>

                    <h:commandLink action="#{sw.seleccionarPool(b.pool)}" immediate="true"
                        rendered="#{b.tipoBanner == 'PO' and b.pool.activa and b.activo eq 'S' and b.debaja eq 'N'}"  >
                        <p:graphicImage value="#{b.pathImagen}" width="955"  height="205" />
                    </h:commandLink>

                </h:panelGroup>

            </h:panelGrid>

        </p:carousel>

   </p:panel>
   
</ui:composition>
